<template>
  <div class="orderItem">
    <div class="order_title">
        <p></p>
        <span style="color: red;">待发货</span>
    </div>
    <div class="order_body">
        <img src="@/assets/empty.png" width="130px">
        <p class="item_title">ddjknkdsjnvkds;k</p>
        <div class="item_other">
            <p class="item_price">￥</p>
            <p class="item_num">x</p>
        </div>
    </div>
    <div class="order_footer">
        <p>共件商品，总金额￥</p>
        <button>申请取消</button>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
    *{
        font-size: 18px;
    }
    .orderItem{
        margin-top: 5px;
        padding: 5px;
    }
    .order_title{
        display: flex;
        justify-content: space-between;
    }
    .order_body{
        display: flex;
        justify-content: space-between;
    }
    .item_title{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .item_other{
        text-align: right;
    }
    .order_footer{
        text-align: right;
    }
</style>
